
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    {css href="__MINDEXCSS__/mui.css"}
    {css href="__MINDEXCSS__/style.css"}
    {js href="__INDEXJS__/jquery.min.js"}
    {js href="__MJS__/mui.js"}
    <title>{$list['info']['title']}</title>
    <meta name="keywords" content="{$list['info']['key']}">
    <meta name="description" content="{$list['info']['des']}">
</head>
<body>
<header class="mui-bar mui-bar-nav ppchat-header">
    <h1 class="mui-title">
        <a href="/"> <img src="{$list['info']['logo']}"> </a>
    </h1>
</header>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item mui-active bendi" data-url="/"> <span class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span> </a></nav>


<div class="mui-content">
    <div id="slider" class="mui-slider ads">
        <div class="mui-slider-group mui-slider-loop">
            {volist name="$list['adv']" id="vo"}
            {if $vo.position == '顶部图片' and $vo.is_img == '是'}
            <div class="mui-slider-item ">
                <a href="{$vo.url}" ref="{$vo.url}" title="{$vo.text}" rel="nofollow">
                    <img src="{$vo.img}"/>
                </a>
            </div>
            {/if}
            {/volist}
            {volist name="$list['adv']" id="vo"}
            {if $vo.position == '顶部图片' and $vo.is_img == '是'}
            <div class="mui-slider-item ">
                <a href="{$vo.url}" ref="{$vo.url}" title="{$vo.text}" rel="nofollow">
                    <img src="{$vo.img}"/>
                </a>
            </div>
            {/if}
            {/volist}
        </div>
    </div>
    <ul class="mui-table-view">
        <li class="mui-table-view-cell notice">
            <a class="" href="#" style="    text-overflow:unset;">
                <span class="mui-icon mui-icon-info"></span>
                <marquee scrollamount="3" class="marquee1">
                    {volist name="$list['adv']" id="vo"}
                    {if $vo.position == '滚动文字' and $vo.is_img == '否'}
                    {$vo.text|raw}
                    {/if}
                    {/volist}
                </marquee>
            </a>
        </li>
    </ul>
    <div class="mui-table-view">
        <ul class="mui-table-view mui-grid-view mui-grid-9" id="plans">
            {volist name="$list['cat']" id="item"} }
            <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"><a href="{:url('/index').'?url='.$item.url.'&plan=0'}">
                <div class="plan-ico"><img src="{$item.img}"></div>
                <div class="mui-media-body">{$item.name}</div>
            </a>
            </li>
            {/volist}
        </ul>
    </div>
</div>

<div style="display: none"></div>
<script type="text/javascript">
    mui.init();
    var gallery = mui('.mui-slider');
    gallery.slider({
        interval: 6000//自动轮播周期，若为0则不自动播放，默认为0；
    });
    var $$ = jQuery.noConflict();
    $$(document).ready(function () {
        var w = screen.width;
        $$(".ads, .ads img").height(w * (1 / 2.5));
    });
    var $$ = jQuery.noConflict();
    $$(document).ready(function () {
        var w = screen.width;
        $$(".ads, .ads img").height(w * (1 / 2.5));
        $$(".bendi").on('tap', function () {
            var url = $$(this).data("url");
            location.href = url;
        });
        $$(".wailian").on('tap', function () {
            var url = $$(this).data("url");
            window.open(url,'_blank');
        });
    });
</script>
</body>

</html>